@charset "utf-8";



/* =全局CSS
------------------------------------------------------------ */

body{  font-family: "微软雅黑"; color:#606161; font-size: 14px; background:url(../images/p-bg.jpg) no-repeat top center;}
html{overflow-x:hidden}
a { text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline; }





.sy_box{ width:952px; height:952px; background:url(../images/sy_bg.jpg) center no-repeat; position:fixed; left:50%; top:50%; margin:-476px 0 0 -476px}
.sy_box .water_pic{ position:absolute; left:160px; top:330px; width:770px; height:399px; background:url(../images/sy_water.png) no-repeat; z-index:9;}
.sy_box .text_pic{position:absolute; left:140px; top:420px; width:670px; height:178px; background:url(../images/sy_text.png) no-repeat; z-index:8; display:none;}

.check_point{ height:952px; background:url(../images/sy_bg2.jpg) center no-repeat; position:relative; z-index:999; display:none; }
.check_point .cp_list{ position:absolute; right:150px; top:500px;}
.check_point .cp_list .grid{ display:block; width:300px;  background:rgba(255,255,255,.5) url(../images/blue_ico.png) no-repeat 10px; color:#3a85c6; font-size:28px; padding:10px 0 10px 60px; margin-bottom:30px; cursor:pointer;}
.check_point .cp_list .grid.active,.check_point .cp_list .grid:hover{background:rgba(255,255,255,.5) url(../images/org_ico.png) no-repeat 10px; color:#e99009;}






.box{overflow:hidden;}

.main{ width:1080px; height:766px;position:fixed; left:50%; margin-left:-540px;top:50%; margin-top:-386px;}



.userinfo{ overflow:hidden; padding:20px; float:right;}
.userinfo .username{ background:url(../images/user_name.png) no-repeat; }
.userinfo .getgold{ background:url(../images/user_gold.png) no-repeat 5px;}
.userinfo .shop{ background: url(../images/user_shop.png) no-repeat;}
.userinfo p{ height:50px; padding-top:10px;font-size:22px; line-height:28px; text-align:center;  font-weight:bold;color:#1970c0; margin-bottom:20px;}
.userinfo p a{color:#1970c0;}
.userinfo p a:hover{ color:red;}
.userinfo .text{ border:1px solid #1970c0; width:110px; border-radius:20px;  display:block; margin-left:50px; background:#fff; box-shadow:3px 3px 3px #242424;}
.userinfo .shop a{}
.userinfo .exit{ background:url(../images/user_close.png) no-repeat;}





.left_box{ width:100px; height:766px; float:left; }
.left_box li{  width:75px; height:75px; margin:10px 0; text-align:center;}
.hysw_left li{background:url(../images/hysw/bag2.png) no-repeat; background-size:contain;}





.right_box{ width:100%; height:100%; overflow:hidden; position:relative;}
.hysw_right{background:url(../images/hysw/bg.jpg) no-repeat center}
.stms_right{background:url(../images/stms/bg.jpg) no-repeat center}
.sgpd_right{background:url(../images/sgpd/bg.jpg) no-repeat center}







.game_rule{ width:400px; height:297px; background:url(../images/rule.png) no-repeat; position:absolute; z-index:9999; left:50%; top:50%; margin-left:-200px; margin-top:-148px; display:none; }
.game_rule .ok{ display:block; width:200px; height:50px; position:relative; top:220px; left:100px; cursor:pointer;}
.game_rule .content{ color:#0024ff; font-size:20px; width:300px; margin:50px auto 0; line-height:30px; text-align:center; font-weight:bold; font-family:"宋体";}

.pop_prompt,.finish_prompt{ width:400px; height:379px; position:absolute; left:50%; top:50%; z-index:9999; margin-left:-200px; margin-top:-189px; background:url(../images/alert.png) no-repeat; display:none;}
.pop_prompt .pro_ok,.finish_prompt .pro_ok{ display:block; width:200px; height:50px; position:relative; top:310px; left:100px; cursor:pointer; }
.pop_prompt .content,.finish_prompt .finish_con{ padding-top:180px; color:red; font-size:20px; text-align:center; font-weight:bold;}
.pop_prompt .content .font,.finish_prompt .finish_con .font{ font-size:34px; display:block; }

.finish_prompt .finish_con{ padding-top:150px; line-height:24px;}
.finish_prompt .finish_con .font{ padding-bottom:30px}
.finish_prompt .finish_con span{ padding:0 20px;}



.flash_con{ overflow:hidden;}
.flash_con .list{ overflow:hidden; }
.flash_con .list li{ width:150px; height: 150px; float:left; box-sizing:border-box; text-align:center; margin:20px 52px; position: relative; cursor:pointer;}
.flash_con .list li{ }




.flash_con .flag_tf{ position:absolute; top:25px; left:50%; margin-left:-50px; display:block; width:100px; height:100px;}
.flash_con .flag_tf.true{ background:url(../images/true.png) no-repeat;}
.flash_con .flag_tf.false{background:url(../images/false.png) no-repeat;}


.fot_gold{ overflow:hidden;position: absolute; bottom: 0; background:rgba(30,30,30,.8); width:100%; margin:0 auto;  text-align:center;}
.fot_gold li{ margin:10px 10px 0; width:60px; height:60px; display:inline-block; text-align:center;}
.fot_gold .default{background:url(../images/gold3.png) no-repeat;}
.fot_gold .success{background:url(../images/gold1.png) no-repeat;}
.fot_gold .error{background:url(../images/gold2.png) no-repeat;}


.tips{ position:absolute; left:50%; bottom:110px; margin-left:-200px; width:400px; text-align:center; font-size:22px; color:#fff; font-weight:bold; border:2px solid #fff; padding:5px; display:none; background:#ff6c00}
